        <!--Body content-->
        <div id="content" class="clearfix">
            <div class="contentwrapper"><!--Content wrapper-->

                <div class="heading">

                    <h3>Email page</h3>                    

                    <div class="resBtnSearch">
                        <a href="#"><span class="icon16 icomoon-icon-search-3"></span></a>
                    </div>

                    <div class="search">

                        <form id="searchform" action="http://themes.suggeelson.com/supr/search.html">
                            <input type="text" id="tipue_search_input" class="top-search" placeholder="Search here ..." />
                            <input type="submit" id="tipue_search_button" class="search-btn" value=""/>
                        </form>
                
                    </div><!-- End search -->
                    
                    <ul class="breadcrumb">
                        <li>You are here:</li>
                        <li>
                            <a href="#" class="tip" title="back to dashboard">
                                <span class="icon16 icomoon-icon-screen-2"></span>
                            </a> 
                            <span class="divider">
                                <span class="icon16 icomoon-icon-arrow-right-2"></span>
                            </span>
                        </li>
                        <li class="active">Email page</li>
                    </ul>

                </div><!-- End .heading-->

                <!-- Build page from here: -->
                <div class="row-fluid">

                    <div class="span2">
                        <div class="email-nav well">
                            <div class="composeBtn">
                                <button href="#" class="btn btn-danger btn-block">Compose</button>
                            </div>
                            <ul class="nav nav-list">
                                <li class="nav-header">Inbox</li>
                                <li class="active"><a href="#">Today</a></li>
                                <li><a href="#">Important</a></li>
                                <li><a href="#">Last week</a></li>
                                <li><a href="#">All emails</a></li>
                                <li class="nav-header">Outbox</li>
                                <li><a href="#">Sent mail</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Drafts</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Archive</a></li>
                            </ul>
                        </div><!-- End .email-nav-->
                    </div><!-- End .span2-->

                    <div class="span10">

                        <div class="email-content">

                            <div class="email-header">

                                <div class="btn-toolbar" style="margin: 0;">
                                    <div class="btn-group">
                                        <button class="btn tip" title="Refresh inbox"><span class="icon16 icomoon-icon-refresh"></span></button>
                                    </div>
                                    <div class="btn-group">
                                        <button class="btn tip" title="Archive"><span class="icon16 icomoon-icon-box"></span></button>
                                        <button class="btn tip" title="Mark as spam"><span class="icon16 icomoon-icon-blocked"></span></button>
                                        <button class="btn tip" title="Delete"><span class="icon16 icomoon-icon-remove-5"></span></button>
                                    </div>
                                    <div class="btn-group">
                                        <button class="btn dropdown-toggle" data-toggle="dropdown">
                                            More
											<span class="caret"></span>
										</button>
                                        <ul class="dropdown-menu">
                                            <li><a href="#">Mark as unread</a></li>
                                            <li><a href="#">Add star</a></li>
                                            <li><a href="#">Filter message</a></li>
                                            <li><a href="#">Mute</a></li>
                                        </ul>
                                    </div>
                                </div>

                            </div><!-- End Email-header -->

                            <div class="box plain">

                                <div class="title"></div>

                                <div class="content noPad clearfix">
                                    <table cellpadding="0" cellspacing="0" border="0" class="emailTable display table" width="100%">
                                        <thead>
                                            <tr>
                                                <th class="checkAll">
                                                    <input type="checkbox" id="selectall" value="all" class="nostyle tip" title="Select All" />  
                                                </th>
                                                <th><span class="icon16 icomoon-icon-star-3"></span></th>
                                                <th>ID Barang</th>
                                                <th>Nama Barang</th>
                                                <th></th>
                                                <th>Kategori</th>
                                            </tr>
                                        </thead>
                                        <tbody>
										<?php
										foreach($data as $row){
										?>
                                            <tr>
                                                <td class="check"><input type="checkbox" id="checkbox" class="nostyle" value="1" /></td>
                                                <td class="star"><span class="icon16 icomoon-icon-star"></span></td>
                                                <td class="from">
                                                    <a href="#" class="unread link">
                                                    <?php echo $row->id_barang;?>
                                                    </a>
                                                </td>
                                                <td class="subject">
                                                    <a href="#" class="unread link"> <?php echo $row->nama_barang;?></a>
                                                </td>
                                                <td class="attachment">
                                                    <a href="#" rel="popover" data-content="main.jpg - 423 kb </br> css.zip - 890 kb  " data-original-title="2 files" data-placement="bottom">
                                                        <span class="icon16 brocco-icon-flag"></span>
                                                    </a>
                                                </td>
                                                <td><?php echo $row->nama_kategori_barang;?></td>
                                            </tr>
											<?php } ?>
                                        </tbody>
                                    </table>
                                </div>

                            </div><!-- End .box -->

                            <div class="compose well">
                                <div class="page-header">
                                    <h4>Compose Email</h4>
                                    <div class="actions">
                                        <button id="send" class="btn btn-danger marginR10"><strong>SEND</strong></button>
                                        <button id="save" class="btn marginR10">Save</button>
                                        <button id="discard" class="btn marginR10">Discard</button>
                                    </div>
                                </div>
                                <form class="compose form-horizontal">
                                    <div class="form-row row-fluid">
                                        <div class="span12">
                                            <div class="row-fluid">
                                                <label class="form-label span2" for="to">To:</label>
                                                <input class="span10" id="to" name="to" type="text" />
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-row row-fluid">
                                        <div class="span12">
                                            <div class="row-fluid">
                                                <label class="form-label span2" for="subject">Subject:</label>
                                                <div>
                                                    <input class="span10" id="subject" name="subject" type="text" />
                                                    <span class="span10 help-block"><a href="#">Attach a file</a></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-row row-fluid">
                                        <div class="span12">
                                            <div class="row-fluid">
                                                <textarea class="span12 elastic" id="textarea" rows="8"></textarea>
                                            </div>
                                        </div>
                                    </div>

                                </form>

                            </div><!-- End .compose -->

                            <div class="read-email well">

                                <div class="page-header">
                                    <div class="actions">
                                        <button id="backToInbox" class="btn marginR10 tip" title="Back to inbox"><span class="icon16 icomoon-icon-arrow-left-3"></span></button>
                                        <button id="save" class="btn marginR10 tip" title="Reply"><span class="icon16 icomoon-icon-reply"></span></button>
                                        <button id="discard" class="right btn btn-danger marginR10 tip" title="Delete"><span class="icon16 icomoon-icon-remove-5 white"></span></button>
                                    </div>
                                </div>
                                <form class="readmail form-horizontal">
                                    <div class="form-row row-fluid">
                                        <div class="span12">
                                            <div class="row-fluid">
                                                <label class="form-label span2" for="to">Subject:</label>
                                                <input class="span10" id="to" name="to" type="text" value="Hello my friend" readonly="readonly" />
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-row row-fluid">
                                        <div class="span12">
                                            <div class="row-fluid">
                                                <label class="form-label span2" for="subject">Sender:</label>
                                                <div>
                                                    <input class="span10" id="subject" name="subject" type="text" value="storm@gmail.com" readonly="readonly" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-row row-fluid">
                                        <div class="span12">
                                            <div class="row-fluid">
                                                <label class="form-label span2" for="subject">Date:</label>
                                                <div style="margin-top: 7px;">
                                                    <span>26 August 2012 3:00 pm</span>
                                                    <span class="span10 help-block">
                                                        <dl class="attach">
                                                            <dd><a href="#" class="icon12 icomoon-icon-file-pdf">&nbsp;main.pdf</a></dd>
                                                            <dd><a href="#" class="icon12 icomoon-icon-file-zip">&nbsp;package.zip</a></dd>
                                                            <dd><a href="#" class="icon12 icomoon-icon-file-css">&nbsp;layout.css</a></dd>
                                                        </dl>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-row row-fluid">
                                        <div class="span12">
                                            <div class="row-fluid">
                                                <textarea class="span12 elastic" id="textarea" rows="8">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.                                              
                                                </textarea>
                                            </div>
                                        </div>
                                    </div>

                                </form>

                            </div><!-- End .read-email -->

                        </div><!-- End .email-content -->

                    </div><!-- End .span2-->

                </div><!-- End .row-fluid -->
                <!--End page -->
                
            </div><!-- End contentwrapper -->
        </div><!-- End #content -->